<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,  user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/hfstyle.css" type="text/css">
    <link rel="stylesheet" href="css/base.css" type="text/css">
    <link rel="stylesheet" href="css/iconfont.css" type="text/css">
    <link rel="stylesheet" href="css/style_index.css" type="text/css">
</head>

<body>
    <header>
        <i class="iconfont icon-liebiao"></i>
        <button class="active"><i></i>热点</button>
        <button onclick="location.href='html/attention.html'"><i></i>关注</button>
    </header>
    <nav>
        <li class="active"><a href="#">足球现场</a></li>
        <li><a href="html/live.html">足球生活</a></li>
        <li><a href="#">足球美女</a></li>
    </nav>
    <main>
        <figure>
            <figcaption><img src="images/01.png" alt=""></figcaption>
            <span>小丸子 啊 小丸子小丸子 啊 小丸子</span>
        </figure>
        
        <figure>
            <figcaption><img src="images/01.png" alt=""></figcaption>
            <span>小丸子 啊 小丸子小丸子 啊 小丸子</span>
        </figure>
        <figure>
            <figcaption><img src="images/01.png" alt=""></figcaption>
            <span>小丸子 啊 小丸子小丸子 啊 小丸子</span>
        </figure>
        <figure>
            <figcaption><img src="images/01.png" alt=""></figcaption>
            <span>小丸子 啊 小丸子小丸子 啊 小丸子</span>
        </figure>
        <figure>
            <figcaption><img src="images/01.png" alt=""></figcaption>
            <span>小丸子 啊 小丸子小丸子 啊 小丸子</span>
        </figure>
        <figure>
            <figcaption><img src="images/01.png" alt=""></figcaption>
            <span>小丸子 啊 小丸子小丸子 啊 小丸子</span>
        </figure>
    </main>
    <footer>
        <p class="active"><a href="#"><i class="iconfont icon-home"></i>首页</a></p>
        <p><a href="html/find.html"><i class="iconfont icon-sousuo"></i>发现</a></p>
        <p><a><i class="iconfont icon-xiangji"></i></a></p>
        <p><a href="html/self.html"><i class="iconfont icon-wode"></i>我的</a></p>
        <p><a href=""><i class="iconfont icon-tuichu"></i>退出</a></p>
    </footer>
</body>

</html>